<html>
    <head>
        <meta charset="UTF-8">
        <title>色彩</title>
        <link rel="stylesheet" href="./view/色彩/style.css">
    </head>
    <body>
        <!-- Unnamed (Rectangle) -->
        <div id="u351" class="ax_default heading_1">
            <div id="u351_div" class=""></div>
            <div id="u351_text" class="text ">
                <p><span>Color 色彩</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u352" class="ax_default heading_1">
            <div id="u352_div" class=""></div>
            <div id="u352_text" class="text ">
                <p><span>概述</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u353" class="ax_default label">
            <div id="u353_div" class=""></div>
            <div id="u353_text" class="text ">
                <p><span>iView 推荐使用以下调色板的颜色作为设计和开发规范，以保证页面和组件之间的视觉一致。</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u354" class="ax_default label">
            <div id="u354_div" class=""></div>
            <div id="u354_text" class="text ">
                <p><span>主色</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u355" class="ax_default label">
            <div id="u355_div" class=""></div>
            <div id="u355_text" class="text ">
                <p><span>iView 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark Primary 常用于 active。</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u356" class="ax_default box_1">
            <img id="u356_img" class="img " src="assets/images/色彩/u356.svg"/>
            <div id="u356_text" class="text ">
                <p style="font-size:15px;"><span>Primary</span></p><p style="font-size:13px;"><span>#2d8cf0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u357" class="ax_default box_1">
            <img id="u357_img" class="img " src="assets/images/色彩/u357.svg"/>
            <div id="u357_text" class="text ">
                <p style="font-size:15px;"><span>Light Primary</span></p><p style="font-size:13px;"><span>#5cadff</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u358" class="ax_default box_1">
            <img id="u358_img" class="img " src="assets/images/色彩/u358.svg"/>
            <div id="u358_text" class="text ">
                <p style="font-size:15px;"><span>Dark Primary</span></p><p style="font-size:13px;"><span>#2b85e4</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u359" class="ax_default label">
            <div id="u359_div" class=""></div>
            <div id="u359_text" class="text ">
                <p><span>辅助色</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u360" class="ax_default label">
            <div id="u360_div" class=""></div>
            <div id="u360_text" class="text ">
                <p><span>iView 使用较为安全的蓝色作为主色调，其中 Light Primary 常用于 hover，Dark Primary 常用于 active。</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u361" class="ax_default box_1">
            <img id="u361_img" class="img " src="assets/images/色彩/u361.svg"/>
            <div id="u361_text" class="text ">
                <p style="font-size:15px;"><span>Info</span></p><p style="font-size:13px;"><span>#2db7f5</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u362" class="ax_default box_1">
            <img id="u362_img" class="img " src="assets/images/色彩/u362.svg"/>
            <div id="u362_text" class="text ">
                <p style="font-size:15px;"><span>Success</span></p><p style="font-size:13px;"><span>#19be6b</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u363" class="ax_default box_1">
            <img id="u363_img" class="img " src="assets/images/色彩/u363.svg"/>
            <div id="u363_text" class="text ">
                <p style="font-size:15px;"><span>Warning</span></p><p style="font-size:13px;"><span>#ff9900</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u364" class="ax_default box_1">
            <img id="u364_img" class="img " src="assets/images/色彩/u364.svg"/>
            <div id="u364_text" class="text ">
                <p style="font-size:15px;"><span>Error</span></p><p style="font-size:13px;"><span>#ed4014</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u365" class="ax_default label">
            <div id="u365_div" class=""></div>
            <div id="u365_text" class="text ">
                <p><span>中性色</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u366" class="ax_default label">
            <div id="u366_div" class=""></div>
            <div id="u366_text" class="text ">
                <p><span>中性色常用于文本、背景、边框、阴影等，可以体现出页面的层次结构。</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u367" class="ax_default box_1">
            <img id="u367_img" class="img " src="assets/images/色彩/u367.svg"/>
            <div id="u367_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标题</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Title</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#17233d</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u368" class="ax_default box_1">
            <img id="u368_img" class="img " src="assets/images/色彩/u368.svg"/>
            <div id="u368_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">正文</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Content</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#515a6e</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u369" class="ax_default box_1">
            <img id="u369_img" class="img " src="assets/images/色彩/u369.svg"/>
            <div id="u369_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">辅助</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">/</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Sub Color</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#808695</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u370" class="ax_default box_1">
            <img id="u370_img" class="img " src="assets/images/色彩/u370.svg"/>
            <div id="u370_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">失效</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Disabled</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">c5c8ce</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u371" class="ax_default box_1">
            <img id="u371_img" class="img " src="assets/images/色彩/u371.svg"/>
            <div id="u371_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">边框 Border</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#dcdee2</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u372" class="ax_default box_1">
            <img id="u372_img" class="img " src="assets/images/色彩/u372.svg"/>
            <div id="u372_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分隔线 Divider</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#e8eaec</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u373" class="ax_default box_1">
            <img id="u373_img" class="img " src="assets/images/色彩/u373.svg"/>
            <div id="u373_text" class="text ">
                <p style="font-size:15px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">背景 Background</span></p><p style="font-size:13px;"><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#f8f8f9</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u374" class="ax_default label">
            <div id="u374_div" class=""></div>
            <div id="u374_text" class="text ">
                <p><span>快速色板</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u375" class="ax_default label">
            <div id="u375_div" class=""></div>
            <div id="u375_text" class="text ">
                <p><span>为了方便在页面中快速取色，将所有颜色汇总缩小</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u376" class="ax_default box_1">
            <img id="u376_img" class="img " src="assets/images/色彩/u376.svg"/>
            <div id="u376_text" class="text ">
                <p><span>Primary</span></p><p><span>#2d8cf0</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u377" class="ax_default box_1">
            <img id="u377_img" class="img " src="assets/images/色彩/u377.svg"/>
            <div id="u377_text" class="text ">
                <p><span>Light Primary</span></p><p><span>#5cadff</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u378" class="ax_default box_1">
            <img id="u378_img" class="img " src="assets/images/色彩/u378.svg"/>
            <div id="u378_text" class="text ">
                <p><span>Dark Primary</span></p><p><span>#2b85e4</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u379" class="ax_default box_1">
            <img id="u379_img" class="img " src="assets/images/色彩/u379.svg"/>
            <div id="u379_text" class="text ">
                <p><span>Info</span></p><p><span>#2db7f5</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u380" class="ax_default box_1">
            <img id="u380_img" class="img " src="assets/images/色彩/u380.svg"/>
            <div id="u380_text" class="text ">
                <p><span>Success</span></p><p><span>#19be6b</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u381" class="ax_default box_1">
            <img id="u381_img" class="img " src="assets/images/色彩/u381.svg"/>
            <div id="u381_text" class="text ">
                <p><span>Warning</span></p><p><span>#ff9900</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u382" class="ax_default box_1">
            <img id="u382_img" class="img " src="assets/images/色彩/u382.svg"/>
            <div id="u382_text" class="text ">
                <p><span>Error</span></p><p><span>#ed4014</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u383" class="ax_default box_1">
            <img id="u383_img" class="img " src="assets/images/色彩/u383.svg"/>
            <div id="u383_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标题</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Title</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#17233d</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u384" class="ax_default box_1">
            <img id="u384_img" class="img " src="assets/images/色彩/u384.svg"/>
            <div id="u384_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">正文</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Content</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#515a6e</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u385" class="ax_default box_1">
            <img id="u385_img" class="img " src="assets/images/色彩/u385.svg"/>
            <div id="u385_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">辅助</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">/</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> SubColor</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#808695</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u386" class="ax_default box_1">
            <img id="u386_img" class="img " src="assets/images/色彩/u386.svg"/>
            <div id="u386_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">失效</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';"> Disabled</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">c5c8ce</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u387" class="ax_default box_1">
            <img id="u387_img" class="img " src="assets/images/色彩/u387.svg"/>
            <div id="u387_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">边框 Border</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#dcdee2</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u388" class="ax_default box_1">
            <img id="u388_img" class="img " src="assets/images/色彩/u388.svg"/>
            <div id="u388_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分隔线 Divider</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#e8eaec</span></p>
            </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u389" class="ax_default box_1">
            <img id="u389_img" class="img " src="assets/images/色彩/u389.svg"/>
            <div id="u389_text" class="text ">
                <p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">背景 Background</span></p><p><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">#f8f8f9</span></p>
            </div>
        </div>
    </body>
</html>
